<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$logo.seotitle}</title>
    <meta name="description" content="{$logo.seodes}">
    <meta name="keywords" content="{$logo.seokey}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="{$logo.ico}" rel="Shortcut Icon" type="image/x-icon" />
    <link href="/home/icnofont/iconfont.css" rel="stylesheet">
    <link href="/home/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/home/css/base.css" rel="stylesheet">
    <link href="/home/css/index.css" rel="stylesheet">
    <link href="/home/css/media.css" rel="stylesheet">
    <style type="text/css">
        .navbar-nav li a span{color:{$customer.pcnavfontcolor};}
        .navactive{color:{$customer.pcnavfontscolor} !important;box-shadow:0 2px 0 0 {$customer.pcnavfontscolor};}
        .banner .navbar-nav>li>a:hover span{color:{$customer.pcnavfontscolor};box-shadow:0 2px 0 0 {$customer.pcnavfontscolor};}
        .hoem_product_small_img_active{box-shadow:0 0 0 4px {$customer.pcthemecolor};}
        .hoem_product_subscript_active,.hoem_case{background:{$customer.pcthemecolor} !important;}
        .footer{background:{$customer.pcbottomcolor};}
        .footer_nav_list a,.footer_copyright>div{color:{$customer.pcbottomfontcolor};}
        .footer_nav_list_box{border-bottom:1px solid {$customer.pcbottomfontcolor};}
    </style>
</head>
<body>
    <div class="box_all">
        <div class="banner" style="background:{$customer.pcnavcolor}">
            <div class="container">
                <nav class="navbar navbar-default" style="background-color:{$customer.pcnavcolor}">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand"><span class="logo_box"><img src="{$logo.logo}" class="img-responsive"></span></a>
                        </div>
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right">
                            {foreach $navs as $key=>$value }
                                <li><a href="{if $value.link_style==0}{$url}{$value.nav_link}?cus_id={$cus_id}{elseif $value.link_style==1}{$url}about/singlepage?cus_id={$cus_id}&single={$value.single}{elseif $value.link_style==3}{$value.webpage}{/if}"><span class="{if $value.link_style==0&&$value.nav_link=='index/index'}navactive{/if}">{$value.nav_name}</span></a></li>
                            {/foreach}
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
            <div class="banner_img">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        {foreach $banner as $key=>$value }
                        <li data-target="#carousel-example-generic" data-slide-to="{$key}" class="{if $key==0}active{/if}"></li>
                        {/foreach}
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        {foreach $banner as $key=>$value }
                        <div class="item {if $key==0}active{/if}">
                            <img src="{$value.img}" alt="banner">
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="ad_box">
                <div class="ad_title">
                    <span class="iconfont icon-laba"></span> 公告：
                </div>
                <div class="ad_info">
                    <div class="ad_info_box">
                        {foreach $comads as $key=>$value }
                        <div>
                            <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}">{$value.title}</a>
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
            <div class="hoem_product_box margin_top30">
                <div class="hoem_product_img_box">
                    <div class="hoem_product_title">
                        <span></span>
                        <div>
                            <p>产品中心</p>
                            <span>products</span>
                        </div>
                        <span></span>
                    </div>
                    <div class="hoem_product_img_list">
                        <div class="hoem_product_big_img">
                            <ul class="hoem_product_big_img_list">
                                {foreach $products as $key=>$value }
                                <li class="{if $key==0}hoem_product_big_img_list_active{/if}">
                                    <a href="javascript:;">
                                        <img src="{$value.img}" class="img-responsive">
                                    </a>
                                </li>
                                {/foreach}
                            </ul>
                        </div>
                        <div class="hoem_product_small_img">
                            <ul class="hoem_product_small_img_list">
                                {foreach $products as $key=>$value }
                                <li class="{if $key==0}hoem_product_small_img_active{/if}"><img src="{$value.img}" class="img-responsive"></li>
                                {/foreach}
                            </ul>
                        </div>
                        <div class="hoem_product_subscript">
                            <ul class="hoem_product_subscript_list">
                                {foreach $products as $key=>$value }
                                <li class="{if $key==0}hoem_product_subscript_active{/if}"></li>
                                {/foreach}
                            </ul>
                        </div>
                    </div>
                    <div class="view_more">
                        <a href="{$url}products/product?cus_id={$cus_id}">查看更多 <span class="iconfont icon-arrow-right-double"></span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="hoem_about_us_box margin_top30">
            <div class="hoem_product_title">
                <span></span>
                <div>
                    <p id="play-video-btn">企业宣传</p>
                    <span>about us</span>
                </div>
                <span></span>
            </div>
            <div class="hoem_about_us_cont">
                <div class="hoem_about_us_cont_img"><img src="/home/img/hoemback.png" class="img-responsive"></div>
                <div class="video_box">
                    <video id="video" loop="loop" controls="controls" src="{$logo.video}" poster="/home/img/about.png"></video>
                </div>
            </div>
        </div>
        <div class="hoem_case">
            <div class="container hoem_case_container">
                <div class="hoem_case_left">
                    <h4>{$case.title}</h4>
                    <p>{:mb_substr(strip_tags($case.content),0,100,'utf-8')}...</p>
                    <a href="{$url}cases/qcase?cus_id={$cus_id}" class="more_about">
                        查看更多<span class="iconfont icon-arrow-right-double"></span>
                    </a>
                </div>
                <div class="hoem_case_right">
                    <img src="{$case.img}" class="img-responsive">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="hoem_news_box margin_top30">
                <div class="hoem_product_title">
                    <span></span>
                    <div>
                        <p>新闻资讯</p>
                        <span>news</span>
                    </div>
                    <span></span>
                </div>
                <div class="hoem_news_list">
                    <img src="{if $news}{$news[0]['img']}{else}{/if}">
                    <div class="hoem_news_list_box">
                        {foreach $news as $key=>$value }
                        <div>
                            <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}">
                                <h4>{$value.title}</h4>
                                <p>{:mb_substr(strip_tags($value.content),0,40,'utf-8')}...</p>
                            </a>
                        </div>
                        {/foreach}
                    </div>
                </div>
                <div class="view_more">
                    <a href="{$url}news/news?cus_id={$cus_id}">查看更多 <span class="iconfont icon-arrow-right-double"></span></a>
                </div>
            </div>
            <div class="hoem_cooperation_box margin_top30">
                <div class="hoem_product_title">
                    <span></span>
                    <div>
                        <p>合作伙伴</p>
                        <span>Partner</span>
                    </div>
                    <span></span>
                </div>
                <div class="hoem_cooperation_list">
                    <div>
                        {foreach $partner as $key=>$value }
                        <div><a><img src="{$value.img}"></a></div>
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="container">
                <div class="footer_nav_list_box">
                    <div class="footer_nav_list">
                        <a href="{if $navs}{$url}{$navs[0]['nav_link']}?cus_id={$cus_id}{else}{/if}"><span class="glyphicon glyphicon-phone" aria-hidden="true"></span> 移动版</a>
                        {foreach $navs as $key=>$value }
                            <a href="{$url}{$value.nav_link}?cus_id={$cus_id}">{$value.nav_name}</a>
                        {/foreach}
                    </div>
                    <div class="footer_img">
                        <img src="{$logo.wqrcode}" class="img-responsive">
                    </div>
                </div>
                <div class="footer_copyright">
                    <div>
                        工信部备案：<span>{$logo.miit}</span>
                    </div>
                    <div>
                        公安备案号：<span>{$logo.psr}</span>
                    </div>
                    <div>
                        {$logo.record}
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="/home/js/jquery-3.4.1.min.js"></script>
<script src="/home/bootstrap/js/bootstrap.min.js"></script>
<script>
    function timer(opj){
        $(opj).find('.ad_info_box').animate({
            marginTop : "-36px"
        },500,function(){
            $(this).css({marginTop : "0"}).find("div:first").appendTo(this);
        })
    }
    $(function(){
        $(".hoem_product_big_img_list").height($(".hoem_product_big_img_list li").eq(0).height());
        var num = $('.ad_info_box').find('div').length;
        if(num > 1){
            var time=setInterval('timer(".ad_info")',3500);
            $('.gg_more a').mousemove(function(){
                clearInterval(time);
            }).mouseout(function(){
                time = setInterval('timer(".ad_info")',3500);
            });
        };
        $(".hoem_product_small_img_list li").on("click",function () {
            var tapLiIndex = $(this).index();
            $(this).addClass("hoem_product_small_img_active").siblings().removeClass("hoem_product_small_img_active");
            $(".hoem_product_subscript_list li").eq(tapLiIndex).addClass("hoem_product_subscript_active").siblings().removeClass("hoem_product_subscript_active");
            $(".hoem_product_big_img_list li").eq(tapLiIndex).addClass("hoem_product_big_img_list_active").siblings().removeClass("hoem_product_big_img_list_active")
        });
        $(".hoem_product_subscript_list li").on("click",function () {
            var tapLiIndex = $(this).index();
            $(this).addClass("hoem_product_subscript_active").siblings().removeClass("hoem_product_subscript_active");
            $(".hoem_product_small_img_list li").eq(tapLiIndex).addClass("hoem_product_small_img_active").siblings().removeClass("hoem_product_small_img_active");
            $(".hoem_product_big_img_list li").eq(tapLiIndex).addClass("hoem_product_big_img_list_active").siblings().removeClass("hoem_product_big_img_list_active")
        });
    });
</script>
</html>